/*@import url('google.font.css');*/
body {
    color: #545454;
    background: #f8f8f8;
    font-family: '微软雅黑','Open Sans', sans-serif;
    padding: 0px !important;
    margin: 0px !important;
    font-size:14px;
}

ul li {
    list-style: none;
}

a:hover, a:focus {
    text-decoration: none;
    outline: none;
}

::selection {
    background: #FF6C60;
    color: #fff;
}
::-moz-selection {
    background: #FF6C60;
    color: #fff;
}

#container {
    width: 100%;
    height: 100%;
}

/******header********/
.header{
    height: 85px;line-height: 85px;overflow: hidden;
    background: #fff;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.header-main{
    display: flex;overflow: hidden;height: 85px;
}
.header-main .header-logo{
    width: 224px;
}
.header-main .header-channel{
    width: 500px;padding-left: 50px;
}
.header-main .header-channel ul li{
    float: left;width: 16.66%;font-size: 16px;
}
.header-main .header-channel ul li a{
    color: #888;padding: 15px 8px;
}
.header-main .header-channel ul li a:hover,.header-main .header-channel ul li a.active{
    border-bottom: 3px solid #13afe0;
    color: #13afe0;
}
.header-main .header-search{
    width: 210px;
}
.header-main .header-search input{
    width: 203px;
    border-radius: 50px;
    height: 40px;
    margin-top: 23px;
    background-color: #f1f1f1;
    border: 0;
    color: #999999;
    padding: 0 20px;

}
.header-main .header-search .header-search-btn{
    position: relative;
    float: right;
    right: 15px;
    top: -28px;
    background: url('../img/ssfdj.jpg') no-repeat;width: 25px;height: 25px;border: transparent;
}
.header-main .header-btns{
    width: 284px;padding-right: 0;
}
.header-main .header-btns ul li{
    float: right;width: 60px;font-size: 16px;text-align: left;
}
.header-main .header-btns ul li:first-child{
    width: 90px;background-color: #13afe0;text-align: center;margin-left: 20px;
}
.header-main .header-btns ul li:first-child a{
    color: #fff;
}
.header-main .header-btns ul li a{
    color: #888;padding: 15px 8px;
}
.header-main .header-btns ul li.li-auth a:hover{
    border-bottom: 3px solid #13afe0;
    color: #13afe0;
}
.header-main .header-btns ul li.li-auth:first-child a:hover{
    border-bottom: none;
    color: #fff;
}
.header-main .header-btns ul li.li-user{
    font-size: 14px;width: 120px;
}
.header-main .header-btns ul li.li-user a{
    color: #444;padding: 0 0 0 1px;
}
.header-main .header-btns ul li a.logout:hover{
    color: #13afe0;
}
.header-btns img{
    width: 40px;
    height: 40px;
    border-radius: 50%;margin-left: 15px;
}
.auth-three{
    text-align: right;width: 100%;
}
.auth-three img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 15px;
}
/******footer********/
.site-footer{
    background-color: #26292f;margin-top: 15px;
}
.footer-header{
    display: flex;padding: 35px 0 10px 0;    border-bottom: 2px solid #3b3b3b;
    margin-bottom: 35px;
}
.footer-header .footer-item {
    width: 20%;
}
.footer-header .footer-item ul li{
    line-height: 35px;color: #999;
}
.footer-header .footer-item ul li a,.footer-friend ul li a{
    color: #999;
}
.footer-header .footer-item ul li:first-child{
    color: #fff;
    margin-bottom: 10px;
    font-size: 17px;
}
.footer-header .footer-item.footer-code{
    color: #999;line-height: 20px;
}
.footer-friend,.footer-bei{
    margin-bottom: 25px;display: inline-block;color: #999;
}
.footer-friend ul li{
    float: left;padding: 0 5px;
}
.footer-friend ul li:first-child{
    padding: 0;
}
.footer-bei{
    margin-bottom: 10px;
}
/******main********/
.main{
    margin-top: 15px;
}
.main-left{
    padding-right: 0;width: 70%;
}

/******新闻********/
.main-banner{
    overflow: hidden;display: flex;padding: 0;
}
.main-list{
    padding-right: 0px;
}
.main-new-menu{
    margin-bottom: 15px;padding-right: 0;
}
.main-new-menu .main-new-menu-icon{
    font-size: 24px;cursor: pointer;line-height:20px;
}
.main-new-menu ul li{
    float: left;width: 12%;margin-bottom: 20px;
}
.main-new-menu ul li.li-none{
    display: none;margin-bottom: 20px;
}
.main-new-menu ul li.li-block{
    display: block;margin-bottom: 10px;
}
.main-new-menu ul li a{
    color: #888;font-size: 16px;padding:5px 0 ;
}
.main-new-menu ul li a:hover,.main-new-menu ul li a.active{
    border-bottom: 3px solid #13afe0;
    color: #13afe0;
}
.main-list-menu{
    background-color: #ffffff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14);
    border-radius: 3px;
    min-width: 125px;
    padding: 0;
}
.main-list-menu ul li{
    margin-top: 10px;text-align: center;
}
.main-list-menu ul li a{
    font-size: 16px;color: #444;line-height: 40px;height: 40px;width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.main-list-menu ul li.active,.main-list-menu ul li:hover{
    background: #e9e9e9;border-left: 4px solid #13afe0;
}
.main-list-menu ul li.active a,.main-list-menu ul li:hover a{
    color: #13afe0 !important;
}
.main-new-child-menu{
    display: none;
}
.main-new-child-menu ul{
    display: inline-block;margin: 10px 0 10px;
}
.main-new-child-menu ul li{
    float: left;
    background: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #000;
    width: fit-content;
    width: -moz-fit-content;
    padding: 5px 10px;
    display: inline-block;
    height: 32px;
    line-height: 22px;
    margin: 0px 10px 15px;
    cursor: pointer;
}
.main-new-child-menu ul li.active,.main-new-child-menu ul li:hover{
    background: #13afe0 !important;color: #fff;
}

.main-new-child-menu ul li img{
    width: 20px;height: 20px;max-width: 20px;margin-right: 10px;
}





.main-list-item{
    padding-right: 0px;
}
.main-list-item .item-article{
    background-color: #ffffff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14);
    border-radius: 3px;
    padding: 15px 10px 15px 5px;display: flex;cursor: pointer;
    margin-bottom: 15px;height: 185px;
}
.main-list-item .item-article .item-article-img .tag-name{
    position: relative;
    background: #e32c28;
    color: #fff;
    padding: 2px 5px 4px 2px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 999;
    top: 5px;line-height: 30px;
    left: 5px;
}
.main-list-item .item-article .item-article-img .tag-name.none{
    background: transparent;
}
.main-list-item .item-article .item-article-img img{
    width: 210px;
    height: 155px;
    margin-left: 5px;margin-top: -30px;
    border-radius: 3px;
}
.main-list-item .item-article .item-article-info{
    padding-left: 15px;width: 100%;
}
.main-list-item .item-article .item-article-info .item-article-info-title{
    letter-spacing: 1px;color: #444;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;-webkit-line-clamp: 1;
    -webkit-box-orient: vertical;font-size: 22px;line-height: 35px;
}
.main-list-item .item-article .item-article-info .item-article-info-note{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;min-height: 50px;
    -webkit-line-clamp: 2;font-size: 14px;line-height: 25px;color: #888;
}
.main-list-item .item-article .item-article-info .item-article-info-other{
    color: #888;line-height: 23px;margin-top: 30px;
}
 .item-article-info-other img{
    border-radius: 50%;
    width: 25px;
    height: 25px;float: left;
}
.item-article-info-other .item-article-info-other-name{
    padding: 0 15px;color: #444;font-size: 14px;float: left;
}
.item-article-info-other .item-article-info-other-name i{
    font-style:normal;color: #888;font-size: 14px;
}
.item-article-info-other .item-article-info-other-name em{
    position: relative;bottom: 5px;
}
.item-article-info-other .item-article-info-other-view{
    float: right;color: #999;font-size: 14px;padding-right: 10px;
}
button.item-article-more{
    background-color: #ffffff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14);
    border-radius: 15px;
    padding: 13px 30px;font-size: 14px;border: transparent;display: block;margin: 35px auto;
    /*margin-left: 45%;margin-top: 35px;*/
}
button.item-article-more:hover{
    background-color: #fbfbfb;
}

/******新闻详情********/
.new-info{
    position: relative;background: url('../img/new-info.png') no-repeat center;
    background-size: 100% 100%;margin: 0 auto;width: 100%;height: 200px;
}
.new-info .new-info-head .new-info-crumb{
    line-height: 45px;color: #d5d5d5;font-size: 14px;
}
.new-info .new-info-head .new-info-crumb a{
    color: #fff;
}
.new-info .new-info-head h4{
    color: #fff;margin-top: 65px;font-size: 22px;
}
.new-info .new-info-head .new-info-other{
    color: #fff;margin-top: 30px;
}
.new-info .new-info-head .new-info-other span{
    color: #cecece;margin: 0 10px;font-size: 13px;
}
.new-info .new-info-head .new-info-other span i{
    margin-left: 10px;
}
.new-info-detail{
    background-color: #ffffff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14);
    border-radius: 5px;
    padding: 15px 15px 0;
}
.new-info-detail .new-info-state{
    padding: 12px 15px;margin-top: 25px;
    background-color: #d9edf7;border-radius: 3px;
}
.new-info-detail .new-info-tags{
    line-height: 55px;display: inline-block;width: 100%;color: #888;
}
.new-info-detail .new-info-tags li{
    float: left;margin-right: 5px;
}
.new-info-detail .new-info-tags li.li-tag span{
    padding: 5px 10px;
    background-color: #e4f1f5;
    color: #13afe0;
    border-radius: 15px;
    font-size: 12px;
}
.new-info-detail .new-info-next{
    display: inline-block;width: 100%;padding: 15px 0;
}
.new-info-detail .new-info-next button{
    background: #e32c28;
    display: inline-block;
    height: 45px;
    line-height: 38px;
    padding: 0 15px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 100px;
}
.new-info-detail .new-info-next span{
    float: right; line-height: 38px;color: #888;
}
.new-info-detail .new-info-next a{
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    -webkit-box-orient: vertical;

}
.new-info-about{
    background-color: #ffffff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14);
    border-radius: 8px;
    display: inline-block;margin-top: 15px;width: 100%;
}
.new-info-about h4{
    margin: 15px 15px 10px;font-size: 20px;padding-left: 10px;
    border-left: 4px solid rgba(8, 181, 238, 1);font-weight: 700;
}
.new-info-about .about-item{
    margin-top: 10px;
}
.new-info-about .about-item img{
    max-width: 100%;min-width: 100%;height: 182px;
}
.new-info-about .about-item .about-item-info p{
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;color: #444;
}
.new-info-author{
    padding-left: 0;
}
.author-info{
    background-color: #ffffff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14);
    border-radius: 8px;
    padding: 15px;
    position: relative;top:-100px;
}
.author-info .author-head{
    display: flex;margin: 15px 0 0;padding-bottom: 5px;
}
.author-info .author-head .author-head-avatar img{
    border-radius: 50%;
    height: 60px;
    width: 60px;
}
.author-info .author-head .author-head-info p{
    line-height: 25px;padding-left: 15px;
}
.author-info .author-head .author-head-info p:first-child{
    color: #444;font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
}
.author-info .author-head .author-head-info p:last-child{
    color: #888;font-size: 14px;
}
.author-info .author-head .author-head-info p:last-child span{
    color: #444;font-size: 14px;
}
.author-info .author-jian{
    line-height: 20px;padding-bottom: 10px;
}
.author-info .author-art-list{
    border-top: 1px dashed #e6e6e6;padding-top: 15px;
}
.author-info .author-art-list p i{
    color: #888;font-size: 12px;
}
.author-info .author-art-list p{
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.author-info .author-art-list p a{
    color: #444;font-size: 14px;
}
.new-info-author a.author-more{
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding: 0 18px;
    background-color: #140302;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    margin-top: 15px;
    width: 100%;
}
.new-info-author a.author-more:hover,.new-info-author a.author-more:focus{
    background-color: #260302;
}














/**快讯**/
.main-kuaixun h4{
    width: 100%;
    height: 24px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #13afe0 !important;
    margin-bottom: 25px;

}
.main-kuaixun h4 span{
    border-bottom: 4px solid #13afe0;padding: 0.5px 25px;position: relative;right: 70px;top:5px;
}
.main-kuaixun .main-kuaixun-date,.main-kuaixun .main-kuaixun-cont{
    display: flex;
}
.main-kuaixun .main-kuaixun-date .date-info1{
    width: 60px;
    background-color: #ffffff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
}
.main-kuaixun .main-kuaixun-date .date-info1 span{
    display: block;
}
.main-kuaixun .main-kuaixun-date .date-info1 span.date-month{
    height: 30px;
    line-height: 30px;
    background-color: #13afe0;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.main-kuaixun .main-kuaixun-date .date-info1 span.date-day{
    height: 35px;
    background-color: white;
    border-radius: 0px 0px 5px 5px;
    color: lightgray;
    text-align: center;
    font-size: 20px;
    line-height: 35px;
}
.main-kuaixun .main-kuaixun-date .date-info2{
    height: 65px;padding-left: 35px;
    line-height: 65px;
}
.main-kuaixun .main-kuaixun-date .date-info2 .date-week{
    font-size: 22px;
}
.main-kuaixun ul li{
    position: relative;margin: 10px 0;
}
.main-kuaixun ul li.kuaixun-xian:before {
    content: '';
    position: absolute;
    left: 4.5px;
    border: 1px dashed #e4e4e4;
    top: 25.5px;
    z-index: 15;
    width: 1px;
    height: 100%;
}
.main-kuaixun ul li.kuaixun-xian:last-child:before {
    border-width: 0px;
}
.main-kuaixun .main-kuaixun-cont .cont-info1{
    text-align: center;margin-top: 15px;
}
.main-kuaixun .main-kuaixun-cont .cont-info1 i{
    color: #5FB878;
}
.main-kuaixun .main-kuaixun-cont .cont-info1 i span{
    color: #444;padding-left: 5px;letter-spacing: 1px;
}
.main-kuaixun .main-kuaixun-cont .cont-info2{
    margin-left: 35px;margin-top: 12px;font-size: 14px;border-bottom: 1px solid #eee;
}
.main-kuaixun .main-kuaixun-cont .cont-info2 .main-kuaixun-laiyuan{
    color: #888;font-size: 14px;line-height: 30px;
}
/**学院**/
.main-college-menu{
    margin-left:15px;line-height: 50px;height: 50px;
}
.main-college-menu .main-college-menu-icon{
    font-size: 24px;cursor: pointer;line-height:30px;
}
.main-college-menu ul li{
    float: left;width: 8%;line-height:35px;min-width: 35px;
}
.main-college-menu ul li.li-none{
    display: none;margin-bottom: 10px;
}
.main-college-menu ul li.li-block{
    display: block;margin-bottom: 10px;
}
.main-college-menu ul li a{
    color: #888;font-size: 16px;padding:5px 0 ;
}
.main-college-menu ul li a:hover,.main-college-menu ul li a.active{
    border-bottom: 3px solid #13afe0;
    color: #13afe0;
}

.main-college-item{
    margin-top: 15px;width: 20%;float: left;display: inline-block;text-align: center;
    padding: 15px;cursor: pointer;
}
.main-college-item a{
    color: #444;
}
.main-college-item .book-img img{
    width: 100%;min-width: 100%;
    height: 220px;
}
.main-college-item .book-title{
    line-height: 20px;font-size: 14px;margin-top: 10px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.main-college-item .book-info{
    padding: 0 10px;font-size: 14px;
}
.main-college-item .book-info .book-info-view{
    float: left;color: #888;
}
.main-college-item .book-info .book-info-download{
   float: right;color: #888;
}
/******学院详情********/
.college-info-detail{
    background-color: #ffffff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14);
    border-radius: 5px;
    margin-left: 15px;margin-bottom: 35px;
}
.college-info-detail .college-info-head .college-info-crumb{
    line-height: 45px;color: #888;font-size: 14px;
}
.college-info-detail .college-info-head .college-info-crumb a{
    color: #444;
}
.college-info-detail .college-info-head h4{
    color: #444;margin-top: 15px;font-size: 22px;
}
.college-info-detail .college-info-head .college-info-other{
    color: #444;margin-top: 15px;padding-bottom: 20px;border-bottom: 1px dashed #ccc;
}
.college-info-detail .college-info-head .college-info-other span{
    color: #888;font-size: 13px;
}
.college-info-detail .college-info-head .college-info-other span.college-info-other-right{
    float: right;color: #888;
}
.college-info-detail .college-info-head .college-info-other span i{
    margin-left: 10px;
}
.college-info-detail .college-book{
    margin: 25px 50px;border: 1px solid #ccc;padding: 15px;border-radius: 5px;
}
.college-info-detail .college-book .college-book-cont{
    padding: 25px 85px 85px;
}
.college-info-detail .college-book img{
    min-width: 100%;height: auto;max-width: 100%;
}
.college-info-detail button{
    background: #e32c28;
    display: inline-block;
    height: 40px;
    line-height: 38px;
    padding: 0 15px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 100px;
    margin: 25px 15px;
}










/**专栏**/
.column{
    position: relative;background: url('../img/column-banner.png') no-repeat center;
    background-size: 100% 100%;margin: 0 auto;width: 100%;height: 200px;text-align: center;
}
.column-title{
    margin-top: 70px;font-size: 14px;color: #fff;
}
.column-title .column-t{
    font-size: 20px;margin-bottom: 15px;
}
.main-column-item{
    background-color: #ffffff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
    border-radius: 5px;margin-top: 25px;
    padding: 20px 20px 10px;cursor: pointer;
}
.main-column-item a{
    color: #333;
}
.main-column-item .column-item-info{
    display: flex;
}
.main-column-item .item-info-avatar img {
    width: 98px;
    height: 98px;
    border-radius: 50%;
}
.main-column-item .item-info-go{
    width: 100%;padding-left: 15px;margin-top: 5px;
}
.main-column-item .item-info-name {
    font-size: 20px;color: #333;font-weight: 700;
}
.main-column-item table{
    width: 100%;margin-top: 15px;
}
.main-column-item table .table-title{
    font-size: 14px;color: #333;line-height: 30px;
}
.main-column-item .column-item-note{
    padding: 20px 0 10px;font-size: 14px;color: #888;line-height: 22px;
    height: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}
/**专栏详情**/
.column-info .column-info-author{
    background-color: #ffffff;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.06);
    border-radius: 5px;margin-top: 25px;position: relative;top:-150px;margin-left: 15px;
    display: flex;padding: 35px;
}
.column-info .column-info-author .info-author-avatar img{
    width: 100px;height: 100px;border-radius: 50%;
}
.column-info .column-info-author .info-author-go{
    padding-left: 25px;
}
.column-info .column-info-author .info-author-go .info-author-name{
    font-size: 20px;
    color: #333;
    font-weight: 700;
}
.column-info .column-info-author .info-author-go .info-author-number{
    color: #888;
    font-size: 14px;
}
.column-info .column-info-author .info-author-go .info-author-number span{
    color: #444;
    font-size: 14px;margin-right: 35px;
}

.column-info .column-info-author .info-author-go .info-author-note{

    font-size: 14px;
    color: #888;
    line-height: 22px;
}
.column-info .main-left{
    margin-top:-135px;margin-bottom: 35px;
}
.column-info .main-right{
    margin-top:-150px
}
.column-info .main-column-menu{
    margin-bottom: 15px;padding-right: 0;
}
.column-info .main-column-menu ul li{
    border-bottom: 1px solid #ccc;height: 34px;
}
.column-info .main-column-menu ul li a.active{
    border-bottom: 3px solid #13afe0;
    color: #444;font-size: 20px;padding-bottom: 5px;
}
.column-info .main-column-menu ul li a em{
    font-style:normal;font-size: 16px;
}











/**项目**/
.project{
    position: relative;background: url('../img/project-banner.png') no-repeat center;
    background-size: 100% 100%;margin: 0 auto;width: 100%;height: 220px;text-align: center;
}
.project-title{
    margin-top: 70px;font-size: 14px;color: #fff;
}
.project-title .project-t{
    font-size: 20px;margin-bottom: 15px;
}
.main-project-item{
    background-color: #ffffff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
    border-radius: 5px;margin-top: 25px;
    padding: 15px 15px 10px;cursor: pointer;
}
.main-project-item .project-item-info{
    display: flex;
}
.main-project-item .item-info-avatar img {
    width: 180px;
    height: 180px;
    border-radius: 3px;
}
.main-project-item .item-info-go{
    width: 100%;padding-left: 15px;margin-top: 5px;
}
.main-project-item .item-info-name {
    font-size: 20px;color: #333;font-weight: 700;border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 30px;line-height: 35px;
}
.main-project-item .item-info-name button{
    width: 100px;
    height: 30px;
    background-color: #ffffff;
    border-radius: 5px;line-height: 23px;
    border: solid 1px #e32c28;
    font-size: 16px;
    text-align: center;
    float: right;
}
.main-project-item .item-info-tag{
    line-height: 25px;font-size: 15px;
}
.main-project-item .item-info-tag i{
   color: #888;margin-right:5px;width: 10px;
}
.main-project-item .item-info-tag.tag2{
    line-height: 25px;    color: #e32c28;
}
.project-search{
    display: inline-block;width: 100%;padding-left: 15px;
}
.project-search input{
    width: 350px;
    border-radius: 50px;
    height: 40px;
    margin-top: 25px;
    background-color: #eaeaea;
    border: 0;
    color: #999999;
    padding: 0 20px;
}
.project-search .project-search-btn{
    position: relative;
    right: 36px;
    top: 8px;
    background: url('../img/ssfdj.jpg') no-repeat;width: 25px;height: 25px;border: transparent;
}

/**项目详情**/
.project-info .detail-thumb{
    text-align: left;margin-top: 35px;max-width: 200px;min-width: 200px;
}
.project-info .detail-thumb img{
    width: 155px;height: 155px;
}
.project-info .detail-go{
    text-align: left;color: #fff;margin-top: 30px;padding-left: 0;
}
.project-info .detail-go .detail-title{
    font-size: 20px;font-weight: 700;height: 35px;line-height: 35px;
}
.project-info .detail-go .detail-title button{
    width: 80px;
    height: 30px;line-height: 28px;
    border-radius: 5px;
    border: solid 1px #e32c28;
    color: #e32c28;
    text-align: center;
    font-size: 14px;margin-left: 25px;
    background: transparent;
}
.project-info .detail-go .detail-note{
    color: #cfcfcf;font-size: 14px;min-height: 20px;
}
.project-info .detail-go .detail-time i{
    margin-left: 15px;font-size: 14px;
}
.project-info .detail-go .detail-time i:first-child{
    margin-left: 0;font-size: 14px;
}
.project-info .detail-link{
    padding-right: 0;text-align: center;margin-top: 35px;
}
.project-info .detail-link li{
    margin-bottom: 15px;
    width: 120px;
    height: 40px;line-height: 40px;
    background-color: #13afe0;
    border-radius: 5px;
}
.project-info .detail-link li a{
    color: #fff;
}
.project-menu{
    margin: 15px 0 0;border-bottom: 1px solid #ccc;display: inline-block;width: 100%;
}
.project-menu ul li{
    height: 40px;width: 100px;float: left;
}
.project-menu ul li a{
    color: #444;font-size: 20px;padding-bottom: 12px;cursor: pointer;
}
.project-menu ul li a.active{
    border-bottom: 3px solid #13afe0;
}
.project-info .main-list-item{
    display: none;
}
.project-info .right-about{
    background-color: #ffffff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
    border-radius: 5px;padding:5px 15px 15px;display: inline-block;
}
.project-info .main-project-base{
    margin-top: 10px;
}
.project-info .right-about h4{
    color: #595959;
    line-height: 25px;
    height: 25px;
    font-size: 20px;
    border-left: 4px solid rgba(8, 181, 238, 1);
    padding-left: 10px;margin-bottom: 15px;
}
.project-info .right-about .right-about-item{
    margin-bottom: 15px;
}
.project-info .right-about .right-about-item.item-one{
    padding:0 10px 0 0;
}
.project-info .right-about .right-about-item.item-two{
    padding:0 0 0 10px;
}
.project-info .right-about .right-about-item img{
    width: 100%;height: 112px;
}
.project-info .right-about .right-about-item .about-item-title{
    overflow: hidden;
    text-overflow: ellipsis;margin-top: 10px;
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}










.main-banner .main-banner-right{
    padding:0 0 0 5px;display: inline-block;
}
.main-banner .main-banner-right .main-banner-right-item{
    height: 170px;overflow: hidden;
}
.main-banner .main-banner-right .main-banner-right-item img{
    min-width: 100%;max-width: 100%;
    height: 155px;
    border-radius: 3px;
    overflow: hidden;
}
.main-banner .main-banner-right .main-banner-right-title{
    position: relative;bottom: 40px;width: 100%;
    /*position: absolute;*/
    color: #fff;
    font-size: 14px;
    background: rgba(0,0,0,0.3);
    text-align: left;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 10px 0 10px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main-banner .main-banner-right .main-banner-right-title a{
    color: #fff;
}






















.main-right{
    width: 30%;
}
.main-right .right-kuaixun{
    overflow-y: scroll;border-radius: 3px;
    overflow-x: hidden;
    background-color: #ffffff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14);
    height: 710px;padding-bottom: 15px;
}
.main-right .right-kuaixun::-webkit-scrollbar{
    display: none;
}
.main-right h4{
    color: #595959;
    line-height: 25px;height: 25px;
    font-size: 20px;
    border-left: 4px solid rgba(8, 181, 238, 1);padding-left: 10px;
}
.main-right .more{
    position: relative;bottom: 0;
    float: right;color: #888;font-size: 14px;justify-content: right;
}
.right-kuaixun ul{
    margin-top: 15px;
}
.right-kuaixun ul li{
    position: relative;display: block;    left: -3px;
}
.right-kuaixun ul li:before {
    content: '';
    position: absolute;
    left: 4.5px;
    border: 1px dashed #eee;
    top: 11.5px;
    z-index: 15;
    width: 1px;
    height: 100%;
}
.right-kuaixun ul li i {
    color: #a9a9a9;
}
.right-kuaixun .kuaixun-cont{
    margin-left: 15px;padding: 10px 0 5px;line-height: 20px;font-size: 14px;
}
.right-kuaixun .kuaixun-laiyuan{
    margin-left: 15px;padding-bottom: 10px;color: #a9a9a9;font-size: 14px;
}
.right-zhuanlan{
    background-color: #ffffff;border-radius: 3px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
    padding: 5px 15px 15px;
}
.right-zhuanlan .zhuanlan-item{
    border-bottom: 1px dashed #e6e6e6;padding-bottom: 5px;
}
.right-zhuanlan .zhuanlan-item-head{
    display: flex;margin: 15px 0 10px;
}
.right-zhuanlan .zhuanlan-item-head .zhuanlan-item-head-avatar img{
    border-radius: 50%;
    height: 60px;
    width: 60px;
}
.right-zhuanlan .zhuanlan-item-head .zhuanlan-item-head-info p{
    line-height: 25px;padding-left: 15px;
}
.right-zhuanlan .zhuanlan-item-head .zhuanlan-item-head-info p:first-child{
    color: #444;font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
}
.right-zhuanlan .zhuanlan-item-head .zhuanlan-item-head-info p:last-child{
    color: #888;font-size: 14px;
}
.right-zhuanlan .zhuanlan-item-head .zhuanlan-item-head-info p:last-child span{
    color: #444;font-size: 14px;
}
.right-zhuanlan .zhuanlan-item-list p i{
    color: #888;font-size: 12px;
}
.right-zhuanlan .zhuanlan-item-list p{
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;cursor: pointer;
}
.right-zhuanlan .zhuanlan-item-list p i{
    color: #444;font-size: 14px;margin-right: 5px;
}
.right-zhuanlan .zhuanlan-refresh button{
    display: inline-block;
    height: 47px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #140302;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    margin-top: 15px;
    width: 100%;
}
.right-zhuanlan .zhuanlan-refresh button:hover{
    background-color: #260302;
}
.right-zhuanlan .zhuanlan-refresh button i{
    font-size: 16px;
}
.right-hot{
    margin-top: 15px;
    background-color: #ffffff;border-radius: 3px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
    padding: 5px 15px;
}
.right-hot .hot-head{
    margin-top: 15px;
}
.right-hot .hot-head img{
    min-width: 100%;height: 170px;border-radius: 5px;
}
.right-hot .hot-head p{
    position: relative;bottom: 35px;text-align: center;color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.right-hot .hot-item{
    display: flex;margin: 10px 0;
}
.right-hot .hot-item img{
    height: 70px;
    width: 120px;
    border-radius: 5px;
}
.right-hot .hot-item .hot-item-info{
    padding-left: 15px;
}
.right-hot .hot-item .hot-item-info p{
    line-height: 20px;
}
.right-hot .hot-item .hot-item-info p:first-child{
    overflow: hidden;
    text-overflow: ellipsis;min-height: 40px;
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.right-hot .hot-item .hot-item-info p:last-child{
    color: #888;
}


/***********banner***********/
.shutter {
    overflow: hidden;
    width: 560px;
    height: 326px;
    position: relative;
    border-radius: 5px
}

.shutter-img {
    z-index: 1
}

.shutter-img,.shutter-img a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.shutter-img a {
    cursor: default
}

.shutter-img a>img {
    width: 100%;
    height: 100%;cursor: pointer;
}

.shutter-img .created {
    overflow: hidden;
    position: absolute;
    z-index: 20
}

.shutter-btn {
}

.shutter-btn li {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 35px;
    height: 35px;
    margin-top: -25px;
    cursor: pointer
}

.shutter-btn li.prev {
    left: 10px;
    background: url(../img/home-leftswitch.png) no-repeat
}

.shutter-btn li.next {
    right: 8px;
    background: url(../img/home-rightswitch.png) no-repeat
}

.shutter-desc {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 36px;
    background: url(../img/shutter_shadow.png) repeat
}

.shutter-desc p {
    padding-left: 20px;
    line-height: 36px;
    color: #fff;
    font-size: 14px
}

/**********登录注册*************/
.auth{
    position: relative;background: url('../img/auth.png') no-repeat center;
    background-size: 100% 100%;margin: 0 auto;width: 100%;text-align: center;
    height: calc(100vh);
}
.auth .auth-form{
    margin: 65px auto 0;
    background-color: #ffffff;border-radius: 5px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
    padding: 5px 15px;
    width: 750px;
    height: 620px;
}
.auth .form-three{
    margin-top: 25px;
}
.auth .form-three img{
    width: 50px;height: 50px;cursor: pointer;
}
.auth .form-three .form-three-mote{
    position: relative;margin: 0 180px;
}
.auth .form-three .form-three-mote span:nth-child(1) {
    display: block;
    width: 100%;
    height: 1px;
    background: #666;
    position: absolute;
    top: 20px;
    left: 0;
}
.auth .form-three .form-three-mote span:nth-child(2) {
    display: block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    text-align: center;
    color: #999;
    position: absolute;
    top: 0;
    left: 110px;
}
.auth .form-three img.qq-img{
    margin-right: 35px;
}
.auth .auth-login-menu{
    line-height: 160px;height: 160px;width: 100%;margin: 15px auto  0
}
.auth .auth-login-menu ul{
    margin-top: 15px;
}
.auth .auth-login-menu ul li{
    float: left;line-height:35px;min-width: 35px;width: 240px;
}
.auth .auth-login-menu ul li.li-login{
    text-align: right;
}
.auth .auth-login-menu ul li.li-register{
    text-align: left;padding-left: 40px;
}
.auth .auth-login-menu ul li a{
    color: #888;font-size: 20px;padding:5px 0 ;
}
.auth .auth-login-menu ul li a:hover,.auth .auth-login-menu ul li a.active{
    border-bottom: 3px solid #13afe0;
    color: #13afe0;
}
.auth .login-form{
    clear: both;
    margin: 0 auto;width: 50%;text-align: left
}
.auth .login-form .form-tishi{
    text-align: right;
}
.auth .login-form .form-tishi a{
    color: #13afe0;
}
.form-submit button{
    border: 0px;
    cursor: pointer;margin-top: 25px;
    color: white;
    width: 100%;font-size: 15px;border-radius: 3px;
    height: 40px;
    background-color: #121010;
}
.form-submit button:hover,.form-submit button:focus{
    background-color: #1a1818;
}
.auth .form-tishi-login a{
    color: #13afe0;
}
.auth.binding{
    height: calc(92vh);
}
.auth-binding-left,.auth-binding-right{
    padding: 10px 25px 15px 5px;
}
.auth-binding-left{
    margin-left: 25px;
}
.auth-binding-right{
    margin-right: 25px;
}
.binding .binding-form{
    clear: both;
    margin: 0 auto;width: 100%;text-align: left
}
.binding .binding-form{
    background-color: #ffffff;border-radius: 5px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}
.binding .ui.red.message {
    background-color: #FFE8E6;
    color: #DB2828;
    border-radius: 5px;font-size: 14px;
    padding: 0px 15px;
    line-height: 50px;
}
.binding .ui.red.message span,.binding .ui.info.message span{
    font-weight: bold;
}
.binding .ui.info.message {
    background-color: #e4f1f5;
    color: #13afe0;
    font-size: 14px;
    border-radius: 5px;
    padding: 10px 15px;
    line-height: 25px;
}
.binding .el-form-item {
    margin-bottom: 15px;
}
.binding .el-form-item__label {
    line-height: 35px;
}
.binding .auth-binding-middle{
    margin: 0 35px;
}
.binding .auth-binding-middle span{
    background: #fff;position: absolute;top:45%;left: 49.1%;z-index: 4;padding: 15px 0; font-weight: bold;
}
.binding .auth-binding-middle:before,.binding .auth-binding-middle:after {
    position: absolute;
    left: 50%;
    content: '';
    z-index: 3;box-sizing: inherit;
    border-left: 1px solid rgba(34,36,38,0.15);
    border-right: 1px solid rgba(255,255,255,0.1);
    width: 0%;
    height: calc(100% - 15rem);margin-top: 5rem;
}
.binding .form-submit button{
    width: 150px;float: right;
}
/**********搜索*************/
.search-info{
    padding-bottom: 25px;
}
.search-info .search-input{
    display: inline-block;width: 100%;padding-left: 15px;
}
.search-info .search-input input{
    width: 100%;
    border-radius: 20px;
    height: 45px;
    margin-top: 15px;
    background-color: #fff;
    border: 0;
    color: #999999;
    padding: 0 20px;
}
.search-info .search-input .search-btn{
    position: relative;
    right: 15px;float: right;
    bottom: 32px;
    background: url('../img/ssfdj.jpg') no-repeat;width: 25px;height: 25px;border: transparent;
}
.search-info .search-log{
    display: inline-block;margin-bottom: 15px;border-bottom: 1px solid #dddddd;width: 100%;padding-bottom: 20px;
}
.search-info .search-log h4{
    font-size: 22px;color: #333;margin-bottom: 20px;
}
.search-info .search-log h4 button{
    float: right;
    border: 1px solid darkgray;
    padding: 5px 8px;
    border-radius: 5px;
    color: #888;font-size: 15px;
    background: transparent;
}
.search-info .search-log h4 button:hover{
    color: #13afe0; border: 1px solid #13afe0;
}
.search-info .search-log ul li{
    float: left;background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.14);
    cursor: pointer;
    text-align: center;
    margin-right: 15px;
    line-height: 27px; padding: 2px 15px;
}
.search-info .search-log ul li a{
    color: #444;
}
.search-info .search-log ul li:hover a{
    color: #13afe0;
}
.search-info .search-menu{
    display: inline-block;line-height: 45px;
}
.search-info .search-menu ul li{
    float: left;width: 60px;font-size: 18px;color: #333;margin-bottom: 10px;cursor: pointer;
}
.search-info .search-menu ul li.active span,.search-info .search-menu ul li:hover span{
    color: #13afe0; border-bottom: 4px solid #13afe0;padding-bottom: 5px;
}

.search-info .search-column-item,.search-info .search-project-item{
    padding: 0;display: none;margin-top: -20px;
}

.search-info .search-column-item .column-item-one,
.search-info .search-project-item .column-item-one{
    padding: 0 15px 0 15px;
}
.search-info .search-column-item .column-item-two,
.search-info .search-project-item .column-item-two{
    padding: 0 0 0 30px;
}

/**********单页*************/
.about{
    position: relative;background: url('../img/about.png') no-repeat center;
    background-size: 100% 100%;margin: 0 auto;width: 100%;height: 200px;text-align: center;
}
.about-info {
    background-color: #ffffff;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.16);
    border-radius: 5px;margin-top: 25px;position: relative;top:-150px;margin-left: 15px;
    padding: 35px;
}
.about-info h3{
    width: 100%;text-align: center;border-bottom: 1px solid #e5e5e5;padding-bottom: 45px;
}
.about-info h3 img{
    width: 65px;height: 65px;margin-right: 15px;
}
.about-info .about-content{
    display: inline-block;padding-top: 25px;
}








/***************重置element样式*******************/
.el-form--label-top .el-form-item__label {
    float: none;
    display: inline-block;
    text-align: left;
     padding: 0;
}
[v-cloak]{
    display:none
}
i.fa-pulse{
    font-size: 35px;margin: 30px 0;color: #13afe0;
}

/***************分页*******************/
.liange-pagination{
    display: inline-block;width: 100%;text-align: center;margin-top: 35px
}
.liange-pagination .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #13afe0;
    color: #FFF;
}
.liange-pagination .el-pagination.is-background .btn-next,
.liange-pagination .el-pagination.is-background .btn-prev,
.liange-pagination .el-pagination.is-background .el-pager li {
    margin: 0 5px;
    background-color: #f4f4f5;
    color: #606266;
    min-width: 40px;
    border-radius: 2px;cursor: pointer;
}
.liange-pagination .el-pager .more::before {
    line-height: 35px;
}
.liange-pagination .el-pager .el-icon-d-arrow-right::before {
    color: #13afe0;
}
.liange-pagination .el-pager li {
    padding: 0 4px;
    font-size: 13px;
    min-width: 40px;
    height: 35px;cursor: pointer;
    line-height: 35px;
    box-sizing: border-box;
    text-align: center;
}
.liange-pagination .el-pagination button,
.liange-pagination .el-pagination span:not([class*=suffix]) {
    display: inline-block;
    font-size: 14px;
    min-width: 40px; padding: 0 5px;
    height: 35px;
    line-height: 35px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.liange-pagination .el-pagination__editor.el-input .el-input__inner {
    height: 36px;
}



/**********用户中心*************/
.user{
    position: relative;background: url('../img/about.png') no-repeat center;
    background-size: 100% 100%;margin: 0 auto;width: 100%;height: 200px;text-align: center;
}
.user .avatar img{
    text-align: center;width: 120px;height: 120px;line-height: 120px;border-radius: 50%;margin-top: 10px;
}
.user table{
    margin: 0 auto;color: #fff;font-size: 14px;
}
.user table i{
    color: #F00;
}
.user table td{
    width: 360px;
}
.user table td.name{
    font-size: 16px;text-align: right;
}
.user table td.integral,.user table td.company{
    color: #c6c6c6;
}
.user table td.integral{
    text-align: left;
}
.user .cont{
    color: #c6c6c6;margin-top: 10px;
}









.user-left{
    padding-left: 15px;
}
.user-left .user-left-menu,
.user-right .user-right-list{
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14);
    padding: 5px 0px 35px;
}
.user-left ul li{
    line-height: 50px;text-align: center;min-width: 100px;
    width: 100%;
    display: list-item;
    padding: 0;margin: 8px 0; cursor: pointer;
}
.user-left ul li a{
    font-size: 16px;
}
.user-left ul li.active a,.user-left ul li:hover a{
    background-color: #edf8ff;
    border-left: 4px solid #4eb6ff;
    color: #13afe0;
    display: block;
}
.user-right{
    padding-right: 15px;
}

.user-right .user-right-list .item-article{
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.14);border-radius: 0px;
}
.user-right .user-right-note{
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14);
    padding: 5px 0 35px 15px;
    line-height: 40px;font-size: 18px;margin-bottom: 15px;text-align: left;height: 50px;font-weight: 500;
}

.user-right .user-right-note a{
    float: right;margin-right: 15px;font-size: 14px;
    height: 35px;
    line-height: 35px;margin-top: 3px;
    padding: 0 18px;
    background-color: #140302;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    border: none;
    border-radius: 5px;
}
.user-right .user-right-note a:hover{
    background-color: #260302;
}
.user-right .user-right-info{
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14);
    padding: 15px 35px 55px;
}
.user-right .user-right-info p{
    line-height: 35px;height: 35px;
}
.user-right .user-right-info .avatar{
    text-align: center;height: 130px;line-height: 130px;
}
.user-right .user-right-info .avatar img{
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
.user-right .user-right-info .title{
    font-size: 16px;
}
.user-right .user-right-info .cont{
    font-size: 14px;border-bottom: 1px solid #e6e6e6;
}
.user-right .user-right-info .cont.introduce{
    height: 120px;
}
.user-right .el-input__inner {
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #DCDFE6;
}

.user-right .index-avatar-uploader{
    text-align: center;
}
.user-right .index-avatar-uploader .el-upload {
    border-radius: 3px;
    cursor: pointer;
}

.user-right .index-avatar-uploader-icon {
    border: 1px dashed #d9d9d9;
    font-size: 28px;
    color: #8c939d;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
}
.user-right .index-avatar{
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
.user-right .el-upload__input,.join-info .el-upload__input{
    display: none;
}


















/*******专栏********/
.join{
    position: relative;background: url('../img/join.png') no-repeat center;
    background-size: 100% 100%;margin: 0 auto;width: 100%;height: 200px;text-align: center;
}
.join .join-title{
    margin-top: 75px;color: #fff;font-size: 25px;text-align: left;
}
.join-info{
    margin-bottom: 55px;display: inline-block;
}
.join-info .el-input__inner{
    border-radius: 0px;
    border: none;background: #f8f8f8;
    border-bottom: 1px solid #DCDFE6;
}
.join-info h3{
    border-left: 3px solid #000;padding-left: 15px;margin-bottom: 35px;
}
.join-info .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #444;
}
.join-info .protocol a{
    color: #13afe0;margin-left: -25px;
}




.go-top{
    position: fixed;
    bottom: 100px;
    right: 30px;border-radius: 3px;cursor: pointer;
    width: 56px;
    height: 56px;
    display: none;
    background: #428bca;
    color: #fff;
}